/*
Copyright 2011 Google Inc. All Rights Reserved.

Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at

    http://www.apache.org/licenses/LICENSE-2.0

Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
*/

/* @group k styling */

html {
  padding-top: 0;
}

body {
  padding-top: 20px;
  padding-left: 5em;
  padding-right: 5em;
  max-width: none;
}

body div.grey {
  position: absolute;
  height: 71px;
  background: #f5f5f5;
  border-bottom: 1px solid #e5e5e5;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
}

.x-box {
  width: inherit;
}

/* @end */

.ex, .proto {
  display: none;
}

/* @group nav */

#nav > ul + ul {
  margin-top: 39px;
}

#nav ul {
  margin: 0;
}

#nav li {
  font-weight: normal;
  font-style: normal;
  margin: 0 -10px;
  padding: 5px 10px;
}

#nav li.button {
  margin: 5px 0;
  padding: 0 10px;
  width: 122px;
}

#nav li.section {
  padding-left: 30px;
}

#nav li.identity:hover {
  cursor: pointer;
  background-color: #f4f4f4;
}

#nav li.identity img {
	width: 13px;
	vertical-align: text-top;
	padding-right: 0.5em;
}

#nav li.section {
  background: url(res/images/globe.png) no-repeat 10px 8px;
}

#nav li.selected {
  color: #dd4b39;
  font-weight: bold;
}
#nav-sections li:hover {
  background-color: #f4f4f4;
}
#nav-sections li.dropHover,
div.section.dropHover {
  background-color: #f4f4f4;
}

#nav-sections .divider {
	border: none;
	border-bottom: 1px solid #d5d5d5;
}

#nav #about {
  text-align: center;
}

/* @end */

div.section {
  margin-bottom: 4em;
}

/* @group items */

table {
  border-collapse: collapse;
  width: 100%;
  margin: 0;
}

.header {
  margin-bottom: -1px;
  border-bottom: 1px solid #d5d5d5;
}
.items tr {
  border-top: 1px solid #d5d5d5;
  cursor: move;
}

.items tr:hover {
  background: #f4f4f4;
}

td {
  padding: 0.25em 0.5em;
}

.items td.icon {
  width:  1em;
  padding: 0 0.5em;
}

.items td.icon img {
  height: 1.3em;
  position: relative;
  top: 0.4em;
}
.header td.actions,
.items td.actions {
  color: #aaa;
  text-align: right;
}
td.actions * {
  cursor: pointer;
}
.items td.actions a {
  color: #aaa;
}
.items td.actions a:hover {
  text-decoration: none;
  color: #264a93;
}
.header td.actions span:hover,
.items td.actions span:hover {
  color: #264a93;
}

/* @end */
/* @group attributes */
tr.attributes {
  display: none;
}
.attributes .box {
  width: inherit;
  margin-left: 3em;
  margin-right:  -0.5em;
  background: #f9edbe;
  display: none;
}

.attributes td.include {
  width: 2em;
}

.attributes td.tag {
  width: 8em;
  text-align: right;
  color: #888;
}

.attributes td.value {
  position: relative;
}
.attributes td.value input[type=text] {
  width: 80%;
  position: absolute;
  left: 2px;
  bottom: 0;
}
.attributes td.value select {
  margin: 0;
  height: 22px;
  line-height: 20px;
  padding: 0 3em 0 0.5em;
  position: absolute;
  left: 0;
}
.attributes td.value span {
  padding-right: 1em;
}
.attributes .buttons {
  text-align: right;
}
.attributes .button {
  margin: 8px 8px 8px 0;
}
/* @end */

/* @group drag-n-drop */

.belay-cap-source,
.belay-cap-target {
  transition: all 0.125s ease-in-out;
  -webkit-transition: all 0.125s ease-in-out;
  -moz-transition: all 0.125s ease-in-out;
}
.belay-cap-source.belay-possible {
  box-shadow: 0 0 4px 4px #f99;
  -webkit-box-shadow: 0 0 4px 4px #f99;
  -moz-box-shadow: 0 0 4px 4px #f99;
}
.belay-cap-source.belay-selected {
  box-shadow: 0 0 4px 4px #f63;
  -webkit-box-shadow: 0 0 4px 4px #f63;
  -moz-box-shadow: 0 0 4px 4px #f63;
}

#belay-items.belay-cap-target,
#belay-desk.belay-cap-target {
  transition: none;
  -webkit-transition: none;
  -moz-transition: none;
}
#belay-items.belay-cap-target.belay-possible,
#belay-desk.belay-cap-target.belay-possible,
#belay-items.belay-cap-target.belay-selected,
#belay-desk.belay-cap-target.belay-selected {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
}
.belay-drop-icon {
  display: none;
  position: absolute;
  width: 96px;
  height: 96px;
  top: 16px;
  left: 40%;
  background: url(res/images/drop.png) no-repeat;
  z-index: 2000;
  margin: 0;
  padding: 0;
}
.belay-cap-target.belay-possible .belay-drop-icon {
  display: block;
}

.belay-cap-target.belay-selected {
  box-shadow: 0 0 4px 4px #39f;
  -webkit-box-shadow: 0 0 4px 4px #39f;
  -moz-box-shadow: 0 0 4px 4px #39f;
}

/* webkit/khtml hack: ensure all draggable elements get the necessary
 * unofficial properties set, so that the whole element is draggable
 * and text selection is disabled within the element.
 */
[draggable=true] {
  -khtml-user-drag: element;
  -webkit-user-drag: element;
  -moz-user-drag: element;
  user-drag: element;

  -khtml-user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.dragging {
	opacity: 0.5;
}

/* @end */
/* @group buttons */
.button {
	display: inline-block;
	min-width: 54px;*min-width:70px;/*hello,IE7!*/
	border:1px solid #DCDCDC;
	border: 1px solid rgba(0,0,0,0.1);
	text-align: center;
	color: #444;
	font-size: 11px;
	font-weight: bold;
	height: 27px;
	padding: 0 8px;
	line-height: 27px;
	-webkit-border-radius:2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-transition: all 0.218s;
	-moz-transition: all 0.218s;
	-o-transition: all 0.218s;
	transition: all 0.218s;
	background-color: #f5f5f5;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#f1f1f1));
	background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
	background-image: -moz-linear-gradient(top,#f5f5f5,#f1f1f1);
	background-image: -ms-linear-gradient(top,#f5f5f5,#f1f1f1);
	background-image: -o-linear-gradient(top,#f5f5f5,#f1f1f1);
	background-image: linear-gradient(top,#f5f5f5,#f1f1f1);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f5f5',EndColorStr='#f1f1f1');
	-webkit-user-select:none;
	-moz-user-select:none;
	cursor:default;
}
.button:hover {
	border: 1px solid #C6C6C6;
	color: #222;
	-webkit-transition: all 0.0s;
	-moz-transition: all 0.0s;
	-o-transition: all 0.0s;
	transition: all 0.0s;
	background-color: #f8f8f8;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#f1f1f1));
	background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1);
	background-image: -moz-linear-gradient(top,#f8f8f8,#f1f1f1);
	background-image: -ms-linear-gradient(top,#f8f8f8,#f1f1f1);
	background-image: -o-linear-gradient(top,#f8f8f8,#f1f1f1);
	background-image: linear-gradient(top,#f8f8f8,#f1f1f1);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f8f8f8',EndColorStr='#f1f1f1');
	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
	box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
}
.button:active {
	background-color: #f6f6f6;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#f6f6f6),to(#f1f1f1));
	background-image: -webkit-linear-gradient(top,#f6f6f6,#f1f1f1);
	background-image: -moz-linear-gradient(top,#f6f6f6,#f1f1f1);
	background-image: -ms-linear-gradient(top,#f6f6f6,#f1f1f1);
	background-image: -o-linear-gradient(top,#f6f6f6,#f1f1f1);
	background-image: linear-gradient(top,#f6f6f6,#f1f1f1);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f6f6f6',EndColorStr='#f1f1f1');
	-webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
	box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
}
.button:visited {
	color: #666;
}
.button-submit:focus,
.button-share:focus,
.button-red:focus {
	box-shadow:inset 0 0 0 1px #fff;
	-webkit-box-shadow:inset 0 0 0 1px #fff;
	-moz-box-shadow:inset 0 0 0 1px #fff;
}
.button-share:focus {
	border-color:#29691d;
}
.button-red:focus {
	border-color:#d14836;
}

.button-submit:focus:hover
.button-share:focus:hover
.button-red:focus:hover {
	box-shadow:inset 0 0 0 1px #fff, 0px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow:inset 0 0 0 1px #fff, 0px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow:inset 0 0 0 1px #fff, 0px 1px 1px rgba(0,0,0,0.1);
}

.button-submit {
	border: 1px solid #3079ed;
	color: #FFF;
	background-color: #4d90fe;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#4787ed));
	background-image: -webkit-linear-gradient(top,#4d90fe,#4787ed);
	background-image: -moz-linear-gradient(top,#4d90fe,#4787ed);
	background-image: -ms-linear-gradient(top,#4d90fe,#4787ed);
	background-image: -o-linear-gradient(top,#4d90fe,#4787ed);
	background-image: linear-gradient(top,#4d90fe,#4787ed);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4d90fe',EndColorStr='#4787ed');
}
.button-submit:hover {
	border: 1px solid #2f5bb7;
	color: #FFF;
	background-color: #357ae8;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#357ae8));
	background-image: -webkit-linear-gradient(top,#4d90fe,#357ae8);
	background-image: -moz-linear-gradient(top,#4d90fe,#357ae8);
	background-image: -ms-linear-gradient(top,#4d90fe,#357ae8);
	background-image: -o-linear-gradient(top,#4d90fe,#357ae8);
	background-image: linear-gradient(top,#4d90fe,#357ae8);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#4d90fe',EndColorStr='#357ae8');
}
.button-submit:active, .button-submit:focus:active {
	-webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3);
	box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3);
}

.button-share {
	color: #FFF;
	text-shadow: 0px 1px rgba(0,0,0,0.1);
	border: 1px solid #29691d;
	background-color: #3d9400;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#3d9400),to(#398a00));
	background-image: -webkit-linear-gradient(top,#3d9400,#398a00);
	background-image: -moz-linear-gradient(top,#3d9400,#398a00);
	background-image: -ms-linear-gradient(top,#3d9400,#398a00);
	background-image: -o-linear-gradient(top,#3d9400,#398a00);
	background-image: linear-gradient(top,#3d9400,#398a00);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#3d9400',EndColorStr='#398a00');
}
.button-share:hover {
	border: 1px solid #2D6200;
	color: #FFF;
	text-shadow: 0px 1px rgba(0,0,0,0.3);
	background-color: #368200;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#3d9400),to(#368200));
	background-image: -webkit-linear-gradient(top,#3d9400,#368200);
	background-image: -moz-linear-gradient(top,#3d9400,#368200);
	background-image: -ms-linear-gradient(top,#3d9400,#368200);
	background-image: -o-linear-gradient(top,#3d9400,#368200);
	background-image: linear-gradient(top,#3d9400,#368200);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#3d9400',EndColorStr='#368200');
}
.button-share:active, .button-share:focus:active {
	-webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3);
	box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3);
}
.button-red {
	margin-bottom: 16px;
	border: 1px solid transparent;
	color: #FFF;
	text-transform: uppercase;
	letter-spacing:1;
	background-color: #d14836;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#dd4b39),to(#d14836));
	background-image: -webkit-linear-gradient(top,#dd4b39,#d14836);
	background-image: -moz-linear-gradient(top,#dd4b39,#d14836);
	background-image: -ms-linear-gradient(top,#dd4b39,#d14836);
	background-image: -o-linear-gradient(top,#dd4b39,#d14836);
	background-image: linear-gradient(top,#dd4b39,#d14836);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#dd4b39',EndColorStr='#d14836');
	text-shadow: 0px 1px rgba(0,0,0,0.1);
}
.button-red:hover {
	border: 1px solid #b0281a;
	border-bottom: 1px solid #AF301F;
	color: #FFF;
	background-color: #c53727;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#dd4b39),to(#c53727));
	background-image: -webkit-linear-gradient(top,#dd4b39,#c53727);
	background-image: -moz-linear-gradient(top,#dd4b39,#c53727);
	background-image: -ms-linear-gradient(top,#dd4b39,#c53727);
	background-image: -o-linear-gradient(top,#dd4b39,#c53727);
	background-image: linear-gradient(top,#dd4b39,#c53727);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#dd4b39',EndColorStr='#c53727');
	
	-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.2);
	box-shadow: 0px 1px 1px rgba(0,0,0,0.2);
}
.button-red:active,
.button-red:focus:active {
	border: 1px solid #992A1B;
	background-color: #b0281a;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#dd4b39),to(#b0281a));
	background-image: -webkit-linear-gradient(top,#dd4b39,#b0281a);
	background-image: -moz-linear-gradient(top,#dd4b39,#b0281a);
	background-image: -ms-linear-gradient(top,#dd4b39,#b0281a);
	background-image: -o-linear-gradient(top,#dd4b39,#b0281a);
	background-image: linear-gradient(top,#dd4b39,#b0281a);
	-webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3);
	box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3);
}
.button-red:visited,
.button-share:visited,
.button-submit:visited {
	color: #FFF;
}

/* @end */
/* @group inputs */
body input, body button, body select {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
select.button {
  -webkit-appearance: listbox;
  background-image: url(res/images/updown.png);
  background-attachment: scroll;
  background-repeat: no-repeat;
  background-position: 95% center;
  color: #000;
  font-weight: normal;
  font-style: normal;
}

/* @end */
.dark-screen {
  background: #000;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  opacity: .5;
  -webkit-transition: all 0.218s;
  -moz-transition: all 0.218s;
  -o-transition: all 0.218s;
  transition: all 0.218s;
}

/* @group fancy selectors */

.attr-select {
  display: inline-block;
  border: 1px solid #999;
  border-radius: 2px;
  min-width: 200px;
  position: relative;
  background-color: white;
}

.attr-select .indicator {
  float: right;
  border-left: 1px solid #999;
  padding-left: 5px;
  padding-right: 5px;
  color: #999;
}

.attr-select .selected {
  padding-left: 0.5em;
}

.attr-select.closed.no-value {
  background-color: transparent;
  border-color: rgba(153,153,153,0.5);
}
.attr-select.closed.no-value .indicator {
  border-color: rgba(153,153,153,0.5);
}
.attr-select .no-value {
  font-style: italic;
  color: #888;
}
.attr-select.closed .no-value {
  font-style: italic;
  color: rgba(136,136,136,0.5);
}

.attr-select ul {
  position:absolute;
  left:0;
  border:1px solid #32333b;
  border-width:0 1px 1px;
  list-style:none;
  margin: 0;
  padding: 0;
  background-color: white;
  
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  
  -moz-box-shadow:0 0 4px #111;
  -webkit-box-shadow:0 0 4px #111;
  box-shadow:0 0 4px #111;
  z-index: 100;
}

.attr-select li {
  cursor:pointer;
  position:relative;
  padding-left: 0.5em;
}

.attr-select li:hover {
  background-color: #bbb;
}

.attr-select li + li {
  border-top: 1px solid #ccc;
}

.attr-select img.value {
  max-width: 64px;
  max-height: 64px;
  padding: 2px;
}

.attr-select .source {
  float: right;
  width: 16px;
  height: 16px;
  padding: 2px;
}

/* @end */

/* @group identity */
.dialog p,
.dialog li {
  line-height: 18px;
}

.dialog a {
  color: #1979c4;
  text-decoration: none;
  font-weight: normal;
  font-variant: normal;
  cursor: pointer;
}

.dialog a:hover {
  color: #3096e6;
  text-decoration: underline;
}

.dialog {
  font: 13px "Helvetica Neue", helvetica, arial, sans-serif;
  overflow: hidden;
  color: #333;
  position: absolute;
  background: #f6f6f6;
  border: 1px solid #ccc;
  -webkit-box-shadow: 0 4px 16px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 4px 16px rgba(0,0,0,0.2);
  box-shadow: 0 4px 16px rgba(0,0,0,0.2);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  width: 650px;
  text-align: left;
  z-index: 1000;
}

/**
 * Elements
 *
 */

.dialog .header {
  position: relative;
  width: 100%;
  background: #ebebeb;
  border-bottom: 1px solid rgba(0,0,0,.05);
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-top-left-radius: 4px;
  -moz-border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.dialog .header h1 {
  margin: 0 30px;
  padding: 13px 0 0;
  height: 36px;
  font: 24px "Helvetica Neue", helvetica, arial, sans-serif;
  font-weight: 300;
}

.dialog .header .close {
  display: inline-block;
  position: absolute;
  top: 22px;
  right: 22px;
  height: 15px;
  width: 15px;
  background: url(https://www.google.com/uds/modules/identitytoolkit/image/close-x.png) no-repeat;
  opacity: .5;
}

.dialog .header .close:hover {
  opacity: .8;
}

.dialog .main {
  margin: 20px 30px 30px;
}

.dialog .main h2 {
  font-size: 18px;
  line-height: 1;
  margin: 0 0 20px;
  font-weight: 300;
  color: #555;
}

.dialog .widget-footer {
  clear: both;
  font-size: 11px;
  color: #999;
  margin: 20px 30px;
  line-height: 18px;
}

/**
 * Form elements
 *
 */
.dialog input[type=email],
.dialog input[type=password],
.dialog input[type=text],
.dialog select {
  width: 100%;
  display: inline-block;
  height: 32px;
  font-size: 15px;
  margin: 0;
  margin-bottom: 1em;
  padding-left: 8px;
  background: #fff;
  border: 1px solid #ddd;
  border-top: 1px solid #ccc;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.dialog input[type=email]:hover,
.dialog input[type=password]:hover,
.dialog input[type=text]:hover {
  border: 1px solid #bbb;
  border-top: 1px solid #9a9a9a;
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  -webkit-transition: all 0.218s;
  -moz-transition: all 0.218s;
  -ms-transition: all 0.218s;
  -o-transition: all 0.218s;
  transition: all 0.218s;
}

.dialog input[type=email]:focus,
.dialog input[type=password]:focus,
.dialog input[type=text]:focus {
  outline: none;
  border: 1px solid #bbb;
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}

.dialog .idp-list,
.dialog .profile {
  width: 265px;
  float: left;
  margin: 0 0 20px;
}

.dialog .idp-list {
  border-right: 1px solid #ddd;
  padding-right: 30px;
}

.dialog .profile {
  padding-left: 29px;
}

.idp-list ol {
  list-style: none;
  padding: 0;
}

.idp-list ol li {
  z-index: 110;
  width: 100%;
  height: 56px;
  border: 1px solid #ddd;
  position: relative;
  margin: 0 0 15px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  background-color: #fff;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.idp-list ol li:last-child {
  margin-bottom: 0;
}

.idp-list ol li:hover {
  border-color: #ccc;
  -webkit-box-shadow: 0px 1px 4px rgba(0,0,0,0.1);
  -moz-box-shadow: 0px 1px 4px rgba(0,0,0,0.1);
  box-shadow: 0px 1px 4px rgba(0,0,0,0.1);
}

.idp-list ol li:active {
  border: 1px solid #bbb;
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);
}

.idp-list ol li a {
  display: inline-block;
  width: 100%;
  height: 100%;
}

.idp-list ol li a span {
  display: none;
}

.dialog .widget-keyhole-button {
  margin-top: 15px;
}

.dialog .widget-keyhole-button {
  font: 13px "Helvetica Neue", helvetica, arial, sans-serif !important;
  text-align: center !important;
  text-decoration: none !important;
  color: #f5f5f5 !important;
  font-weight: bold !important;
  line-height: 32px !important;
  display: inline-block;
  min-width: 54px;
  height: 32px;
  padding: 0 12px !important;
  margin: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #dcdcdc;
  border: 1px solid rgba(0,0,0,0.1);
  background-color: #707070;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#707070),to(#555));
  background-image: -webkit-linear-gradient(top,#707070,#555);
  background-image: -moz-linear-gradient(top,#707070,#555);
  background-image: -ms-linear-gradient(top,#707070,#555);
  background-image: -o-linear-gradient(top,#707070,#555);
  background-image: linear-gradient(top,#707070,#555);
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  cursor: default;
}

.dialog input[type=submit].widget-keyhole-button {
  height: 34px;
  line-height: 34px;
  vertical-align: bottom;
  margin: 0;
}

.dialog input.required {
  border-color: #FA0;
}

.dialog input.required:hover {
  border-color: #F90;
}

.dialog input.required:focus {
  border-color: #F90;
}

.dialog .error {
  line-height: normal;
  margin-bottom: 1em;
  color: #F66;
}

.dialog .error .icon {
  font-size: 200%;
  display: inline-block;
  vertical-align: middle;
  color: #F66;
}

.dialog .widget-keyhole-button:hover {
  color: #fff !important;
  background-color: #6f6f6f;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#6f6f6f),to(#444));
  background-image: -webkit-linear-gradient(top,#6f6f6f,#444);
  background-image: -moz-linear-gradient(top,#6f6f6f,#444);
  background-image: -ms-linear-gradient(top,#6f6f6f,#444);
  background-image: -o-linear-gradient(top,#6f6f6f,#444);
  background-image: linear-gradient(top,#6f6f6f,#444);
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2);
  box-shadow: 0 1px 1px rgba(0,0,0,0.2);
}

.dialog .widget-keyhole-button:active {
  background-color: #5c5c5c;
  background-image: -webkit-gradient(linear,left top,left bottom,from(#5c5c5c),to(#333));
  background-image: -webkit-linear-gradient(top,#5c5c5c,#333);
  background-image: -moz-linear-gradient(top,#5c5c5c,#333);
  background-image: -ms-linear-gradient(top,#5c5c5c,#333);
  background-image: -o-linear-gradient(top,#5c5c5c,#333);
  background-image: linear-gradient(top,#5c5c5c,#333);
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);
}

.dialog .widget-keyhole-button:visited {
  color: #fff !important;
}

.dialog .fresh {
	color: #999;
	font-style: italic;
}
/* @end */
/* @group signin */

#new-box {
  position: relative;
  padding-right: 45px;
}
#new-box img {
  position: absolute;
  right: -23px;
  top: 6px;
}
#sign-in {
  color: #333;
  float: right;
  width: 25em;
  background: #f6f6f6;
  border: 1px solid #ccc;
  padding: 2em;
  margin: 0 0 2em 2em;
}

#sign-in div + div {
  border-top: 1px solid #d5d5d5;
  padding-top: 1em;
}
#sign-in h2 {
  margin-top: 0;
  font-size: 130%;
}
#sign-in .idp-list ol li {
  height: 48px;
  width: 90%;
  margin-left: 5%;
}
#sign-in input[type=email],
#sign-in input[type=password],
#sign-in input[type=text] {
  width: 100%;
  display: inline-block;
  height: 32px;
  font-size: 15px;
  margin: 0;
  margin-bottom: 1em;
  padding-left: 8px;
  background: #fff;
  border: 1px solid #ddd;
  border-top: 1px solid #ccc;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#sign-in input[type=email]:hover,
#sign-in input[type=password]:hover,
#sign-in input[type=text]:hover {
  border: 1px solid #bbb;
  border-top: 1px solid #9a9a9a;
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  -webkit-transition: all 0.218s;
  -moz-transition: all 0.218s;
  -ms-transition: all 0.218s;
  -o-transition: all 0.218s;
  transition: all 0.218s;
}

#sign-in input[type=email]:focus,
#sign-in input[type=password]:focus,
#sign-in input[type=text]:focus {
  outline: none;
  border: 1px solid #4D90FE;
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}

#sign-in .confirm-set input[type=email],
#sign-in .confirm-set input[type=text] {
  width: 70%;
}

#sign-in .confirm-set input[type=submit] {
  width: 25%;
  float: right;
  height: 30px;
  margin-top: 1px;
}

#sign-in input.fresh {
	color: #999;
	font-style: italic;
}

#sign-out,
#sign-out:visited {
	color: #91959c;
}

#sign-out:focus,
#sign-out:hover,
#sign-out:active {
	color: #47494c;
}

/* @end */

#id-added-dialog .attr-value img {
  vertical-align: top;
}

#description h2 {
  color: #DD4B39;
  font-size: 200%;
  margin: 0;
}

#description h3 {
  margin: 0.25em 0 2em;
}

#id-page .id-header {
  padding-bottom: 0.5em;
  border-bottom: 1px solid #d5d5d5;
  margin-bottom: 0.5em;
}

#id-page .id-header img {
  width: 64px;
  height: 64px;
  vertical-align: middle;
  padding-right: 1em;
}

#id-page .id-header span {
  font-size: 20px;
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
}